<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!doctype html>
<html lang="zh">
<head>
	<title>翻转式用户登录/注册界面设计</title>
	<link rel="stylesheet" type="text/css" href="css/styles.css">
		<script src="http://libs.baidu.com/html5shiv/3.7/html5shiv.min.js"></script>
</head>
<body>
	<div class="jq22-container" style="padding-top:10px;height:1000px;width:1366px;">
		<div style="width:1366px;height:100px;">
			<div style="margin-left:220px;float:left;width:200px;"><img src="http://p0.jmstatic.com/templates/jumei/images/logo_new_v1.jpg"></div>
			<div style="margin-left:300px;margin-top:30px;float:left;width:150px;"><img alt="" src="首页图片/真品.png"></div>
			<div style="float:left;margin-top:30px;width:200px;"><img alt="" src="https://secure5.jmstatic.com/static_passport/dist/20170328/images/gild.png"></div>
			<div style="float:left;margin-top:30px;width:150px;"><img alt="" src="首页图片/闪电.png"></div>
		</div>
		
		<div class="login-wrap">
			<div class="login-html">
				<input id="tab-1" type="radio" name="tab" class="sign-in" checked><label for="tab-1" class="tab">登录</label>
				<input id="tab-2" type="radio" name="tab" class="sign-up"><label for="tab-2" class="tab">注册</label>
				<div class="login-form">
					<div class="sign-in-htm">
						<div class="group">
							<label for="user" class="label">用户名</label>
							<input id="user" type="text" class="input">
						</div>
						<div class="group">
							<label for="pass" class="label">密码</label>
							<input id="pass" type="password" class="input" data-type="password">
						</div>
						<div class="group">
							<label class="label">验证码</label>
							<input class="input"> <img src="coder" onclick="this.src='coder?x=' + Math.random();" style="margin-left:120px;margin-top:10px;">
						</div>
						<div class="group">
							<input type="submit" class="button" value="登录" style="margin-top:5px;">
						</div>
						<div class="hr"></div>
						
					</div>
					<div class="sign-up-htm">
						<div class="group">
							<label for="user" class="label">用户名</label>
							<input id="user" type="text" class="input">
						</div>
						<div class="group">
							<label for="pass" class="label">密码</label>
							<input id="pass" type="password" class="input" data-type="password">
						</div>
						<div class="group">
							<label for="pass" class="label">重复密码</label>
							<input id="pass" type="password" class="input" data-type="password">
						</div>
						<div class="group">
							<input type="submit" class="button" value="注册">
						</div>
						<div class="hr"></div>
						<div class="foot-lnk">
							<label for="tab-1">已经是会员吗？</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div style="position:absolute;top:160px;left:10px;"><img alt="" src="首页图片/专注.png"></div>
		<div style="margin-top:100px;">
			<div style="margin-top:30px;margin-bottom:20px;margin-left:330px;font-size:12px;color:gray;">Copyright © 2010-2015 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-123-8888 </div>
			<div style="margin-left:330px;color:gray;font-size:12px;">京公网安备 11010102001226 号 | 京ICP证111033号 | 食品流通许可证 SP1101051110165515（1-1） | 营业执照</div>
			<div style="margin-left:270px;margin-top:40px;">
				<div style="float:left;margin-left:20px;"><img alt="" src="首页图片/尾部9.png"></div>
				<div style="float:left;margin-left:20px;"><img alt="" src="首页图片/尾部10.png"></div>
				<div style="float:left;margin-left:20px;"><img alt="" src="首页图片/尾部11.png"></div>
				<div style="float:left;margin-left:20px;"><img alt="" src="首页图片/尾部12.png"></div>
				<div style="float:left;margin-left:20px;"><img alt="" src="首页图片/尾部13.png"></div>
			</div>
		</div>
	</div>
	
</body>
</html>